<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 产品业绩</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

	<!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>
<body>
    <div id="wrapper">
    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
             <div class="col-lg-10">
                 <h2>产品管理</h2>
                 <ol class="breadcrumb">
                     <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="product/list">产品管理</a>
                        </li>
                        <li>
                         <a href="product/list">产品列表</a>
                        </li>
                        <li>
                            <a href="product/detail/${product.id}">${product.briefName}</a>
                        </li>
                        <li class="active">
                            <strong>产品业绩</strong>
                        </li>
                </ol>
               </div>
            <div class="col-lg-2">

            </div>
        </div>
		
		<div class="row" style="margin-top:10px;">
			<div class="col-md-12">
                 <div class="tabs-container">
                     <ul class="nav nav-tabs">
                        <li>
								<a href="product/list">
									 产品列表
								</a>
							</li>
							<li>
								<a href="product/add">
								 	新增产品
								</a>
							</li>
							<li class="active">
								<a>
									 产品业绩
								</a>
							</li>
                     </ul>
                  	 <div class="tab-content">
                   		<div class="tab-pane active">
                            <div class="panel-body">
                                 <div class="wrapper wrapper-content animated fadeInRight ecommerce">
						            <div><!--  class="ibox-content m-b-sm" border-bottom -->
						                  <input style="display:none" id="productId" value="${product.id}"/>
							                <div class="row">
							                    <div class="col-sm-4">
							                        <div class="form-group" style="padding-left:17px">
							                    		<!-- <button type="button" id="queryBtn" class="btn btn-outline btn-default">查询</button> -->
							                    		<button type="button" id="addBtn" class="btn btn-outline btn-primary" onclick="showDialog()">发布净值</button>
							                    	</div>
							                    </div>
							                 </div>
						            </div>
						            
						  			<div class="row">
						                <div class="col-lg-12">
						                    <div class="ibox float-e-margins">
						                        <div class="ibox-content">
						                            <table id="modelEditable" class="table table-striped table-bordered table-hover">
						                                <thead>
						                                <tr>
						                                    <th>发布日期</th>
						                                    <th>单位净值</th>
						                                    <th style="background-color:white;">操作</th>
						                                </tr>
						                                </thead>
						                                <tbody>
						
						                                </tbody>
						                            </table>
						
						                        </div>
						                    </div>
						                </div>
						            </div>
						            
						            <!-- update model start -->
								 	<div class="modal inmodal fade" id="updateModel" tabindex="-1" role="dialog"  aria-hidden="true">
		                                <div class="modal-dialog modal-lg"> 
		                                    <div class="modal-content">
		                                        <div class="modal-header">
		                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		                                            <h4 class="modal-title">发布净值</h4>
		                                        </div>
		                                        <div class="modal-body">
		                                        <div id="updateBody"></div>
		                                        <form id="addForm" class="form-horizontal">
			                                        <div class="form-group">
			                                        	<label class="col-sm-2 control-label">产品简称</label>
			                                    		<div class="col-sm-8">
			                                    			<input readonly style="border:0px;background:#0f0;background-color:transparent;" type="text" id="briefName" class="form-control" value="${product.briefName}">
			                                			</div>
			                                		</div>
		                                			<div class="form-group">
		                                				<label class="col-sm-2 control-label">产品代码</label>
		                                    			<div class="col-sm-8">
		                                    				<input readonly style="border:0px;background:#0f0;background-color:transparent;" type="text" id="productCode" class="form-control" value="${product.productCode}">
		                                				</div>
		                                			</div>
		                                			<div class="form-group">
		                                				<label class="col-sm-2 control-label"><font color="red">*&nbsp;&nbsp;</font>单位净值</label>
		                                    			<div class="col-sm-8">
		                                    				<div class="i-checks"><input type="text" id="unitNet" name="unitNet" class="form-control" ></div>
		                                				</div>
		                                			</div>
		                                			<div class="form-group">
		                                				<label class="col-sm-2 control-label"><font color="red">*&nbsp;&nbsp;</font>发布日期</label>
		                                    			<div class="col-sm-8">
		                                    				<div class="i-checks"><input type="text" id="publishDate" name="publishDate" class="form-control"></div>
		                                            	</div>
		                                			</div>
		                                        </form>
		                                        </div>
		                                        <div class="modal-footer">
		                                            <button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
		                                            <button type="button" id="saveModel" class="btn btn-primary" onclick="publish()">保 存</button>
		                                        </div>
		                                    </div>
		                                 
		                                </div>
		                            </div> 
		                            <!-- update model end --> 
		                            
		                             <!-- update model start -->
								 	<div class="modal inmodal fade" id="_updateModel" tabindex="-1" role="dialog"  aria-hidden="true">
		                                <div class="modal-dialog modal-lg"> 
		                                    <div class="modal-content">
		                                        <div class="modal-header">
		                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		                                            <h4 class="modal-title">修改净值</h4>
		                                        </div>
		                                        <div class="modal-body">
		                                        <div id="updateBody"></div>
		                                        <form id="addForm1" class="form-horizontal">
		                                            <input id="netId" type="text" style="display:none"/>
			                                        <div class="form-group">
			                                        	<label class="col-sm-2 control-label">原单位净值</label>
			                                    		<div class="col-sm-8">
			                                    			<input readonly style="border:0px;background:#0f0;background-color:transparent;" type="text" id="old_unitNet" class="form-control">
			                                			</div>
			                                		</div>
		                                			<div class="form-group">
		                                				<label class="col-sm-2 control-label"><font color="red">*&nbsp;&nbsp;</font>新单位净值</label>
		                                    			<div class="col-sm-8">
		                                    				<div class="i-checks"><input type="text" id="new_unitNet" name="new_unitNet" class="form-control" ></div>
		                                				</div>
		                                			</div>
		                                        </form>
		                                        </div>
		                                        <div class="modal-footer">
		                                            <button type="button" class="btn btn-white" data-dismiss="modal">取 消</button>
		                                            <button type="button" id="saveModel" class="btn btn-primary" onclick="updateNet()">保 存</button>
		                                        </div>
		                                    </div>
		                                 
		                                </div>
		                            </div> 
		                            <!-- update model end --> 
            
        							</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
		</div>
		
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<script src="js/jquery.tmpl.min.js" type="text/javascript"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    
    <!-- 业务 -->
    <script src="js/plugins/validate/jquery.validate.min.js" type="text/javascript"></script>
    <script src="js/product/product-net.js"></script>
    <script src="js/product/FormatUtils.js"></script>

    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
        	NetModule.init();
        	ProductNetAdd.init();
            //$('.footable').footable();
            
        	$('#publishDate').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });
        	

        });
        
        
        var modal;
        function showDialog(){
        	$("#unitNet").val("");
        	$("#publishDate").val("");
        	modal = $('#updateModel').modal('show');
        }
        
        function publish(){
        	var productId = $("#productId").val();
        	var unitNet = $("#unitNet").val();
        	var publishDate = $("#publishDate").val();
        	
        	if(null==unitNet||""==unitNet){
        		bootbox.alert("单位净值不能为空！");
        		return;
        	}
        	
        	if(null==publishDate||""==publishDate){
        		bootbox.alert("发布日期不能为空！");
        		return;
        	}

        	$.ajax({
            	type:"post",
                url: ctx + "/productNet/doAdd",
                data:"productId=" + productId+"&unitNet="+unitNet+"&date="+publishDate,
                dataType:"json",
                success: function(data){
                	if (data.code == 1) {
                		modal.modal('hide');
                		bootbox.alert("发布净值成功！");
                		oTable.fnClearTable();
                	}else if(data.code == 2){
                		bootbox.alert("该日期对应的净值已存在！");
                	}
                },
                error: function (msg) {
                	bootbox.alert(msg.message);
                }
            });
        }
        
        
        var _modal;
        function _showDialog(){
        	modal = $('#_updateModel').modal('show');
        }
        
        function updateNet(){
        	var old_unitNet = $("#old_unitNet").val();
        	var new_unitNet = $("#new_unitNet").val();
        	
        	if(old_unitNet == new_unitNet){
        		bootbox.alert("请输入不同的净值！");
        		return;
        	}

        	$.ajax({
            	type:"post",
                url: ctx + "/productNet/update",
                data:"id=" + $("#netId").val()+"&unitNet="+new_unitNet,
                dataType:"json",
                success: function(data){
                	if (data.code == 1) {
                		modal.modal('hide');
                		bootbox.alert("更新净值成功！");
                		oTable.fnClearTable();
                	}else if(data.code == 2){
                		bootbox.alert("该日期对应的净值已存在！");
                	}
                },
                error: function (msg) {
                	bootbox.alert(msg.message);
                }
            });
        }

    </script>

</body>
</html>